@media (min-width: 774px) and (max-width: 1030px) {
  

  /* body {
    overflow-x: hidden;
    box-sizing: border-box;
  } */
  
  .go-to-top {
    display: none;
    position: fixed;
    bottom: 10px; /* Adjust the vertical position */
    right: 4050px; /* Adjust the horizontal position */
    background-color: #333;
    color: black;
    border: none;
    border-radius: 50%;
    padding: 5px; /* Adjust the padding to change the size */
    cursor: pointer;
    z-index: 9999;
     width:-5%;  
     background-color: white;

    
  }


  
  .header2 {
      height: 80px; /* Reduce the height to 40px */
      margin-top: 40px; /* Adjust the top margin */
      width: 100%;
      background-color: white;
      
    }
  
    .navbar {
      list-style-type: none;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-right: -500px;
      position: relative;
      z-index: 1;
    }
  
    .navbar li {
      margin-left: -5px;
    }
  
    .navbar li:first-child {
      margin-left: 0;
    }
  
    .navbar a {
      display: inline-block;
      color: white;
      text-decoration: none;
      font-size: 15px;
      padding: 4px 14px;
      border: none;
      transition: background-color 0.5s, color 0.5s;
    }
  
    .navbar img {
      margin-right: 300px;
    }
  
    .dropdown {
      position: relative;
    }
  
    .dropdown select {
      position: absolute;
      top: 100%;
      left: 0;
      display: none;
    }
  
    .dropdown:hover select {
      display: block;
    }

    .image13{
        margin-left: -1px;
        height:200%;
        width:105%;
        
     }

     .main-container1 {
      display: flex;
      flex-direction: row;
      margin-left: 5px;
      margin-top: 70px;
    }

    .box1 {
      flex: 1;
      height:60%;
      padding: 20px;
      border: 1px solid #000;
      background-color:white;
      border-color: white;
      color: white;
      transition: transform 0.3s ease;
      color:#000;
      
    }
  
    .box1:hover {
      transform: translateY(-10px); /* Move the image 10 pixels upward */
    }

    
.image8{
  height:320px;
   width:210px;
}

.image9{
  height:320px;
  width:210px;
}

.image10{
  height:320px;
  width:210px;
}

.image11{
  height:320px;
  width:210px;
}


.para2{
  margin-left: 30px;
  font-size: 25px;
}

.para3{
  margin-left: 30px;
  font-size: 25px;
}

.para4{
  margin-left: 60px;
  font-size: 25px;
}

.para5{
  margin-left: 60px;
  font-size: 25px;
}

.button1{
  margin-left: 15px;
  background-color:  rgb(103, 36, 117);;
  color: white;
  padding: 10px 20px;
  font-size: 23px;
  border-radius: 15px;
}

.button1:hover{
  cursor: pointer;
}


.button3{
  margin-left: 15px;
  background-color:  rgb(103, 36, 117);;
  color: white;
  padding: 10px 20px;
  font-size: 23px;
  border-radius: 15px;
}

.button3:hover{
  cursor: pointer;
}


.button4{
  margin-left: 30px;
  background-color:  rgb(103, 36, 117);;
  color: white;
  padding: 10px 20px;
  font-size: 23px;
  border-radius: 15px;
}

.button4:hover{
  cursor: pointer;
}

.button5{
  margin-left: 30px;
  background-color:  rgb(103, 36, 117);;
  color: white;
  padding: 10px 20px;
  font-size: 23px;
  border-radius: 15px;
}

.button5:hover{
  cursor: pointer;
}

.container7 .heading4{

font-size: 40px;
  }

  #para15{
    font-size: 25px;
  }

  .container2 {
    display: flex;
    flex-direction: column;
    margin-left: 550px;
    margin-top: -750px;
  }

  

  .para1{
    margin-top: -70px;
    margin-left: 100px;
    font-size:25px;
  }

  .para6{
    margin-top: -70px;
    margin-left: 100px;
   font-size:25px;
  }

  .para7{
    margin-top: -70px;
    margin-left: 100px;
    font-size:25px;
  }

  .para8{
    margin-top: -70px;
    margin-left: 100px;
    font-size:25px;
  }
  .para9{
    margin-top: -70px;
    margin-left: 100px;
    font-size:25px;
  }
  .para10{
    margin-top: -70px;
    margin-left: 100px;
    font-size:25px;
  }

    
  .box2 {
    flex: 0.6; 
    width:450px;
    height:400px;
    border: 1px solid #000;
    background-color: rgb(94, 34, 106);
    color: white;
    padding:5px;
  }

  
  .image14{
    margin-left: -60px;
    height:700px;
    transition: transform 0.3s ease-in-out;
    width:60%;
    
   }

   .image14:hover {
    transform: scale(1.1);
}

.heading3{
  margin-left: 41%;
  font-size: 40px;
}

.pa14{
  font-size: 22px;
}

.pa15{
  font-size: 22px;
}

.pa16{
  font-size: 22px;
}
.container4{
  margin-left:50px ;
  border-radius: 20px;
  background:white;
  padding: 20px;
  width: 300px;
  height: 1000px;
  box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.2);
  z-index: -1;

}

.container3 {
  display: flex;
  flex-direction: row;
  margin-left: 40px;
  width:1000px;
  z-index: -1;
}

.container5 {
  display: flex;
  flex-direction: row;
  margin-left: 60px;
  width:1050px;
  
}

.box12{
  height:300px;
  width:300px;
  padding: 20px;
  margin-left: 800px;
  background-color: RGB(50, 25, 55);
  color: white;
  border-color: RGB(50, 25, 55);
  margin-top:-400px;
}

.main-container5 {
  display: flex;
  flex-direction: row;
  margin-left: -5px;
  margin-top: 150px;
  background-color:RGB(50, 25, 55);
  width: 1150px;
  height: 450px;
  z-index: 1;

}
}